<html>
<title>animate.css动画</title>

<head>
    <script src="./js/vue.js"></script>
    <link rel="stylesheet" href="./css/animate.css">
    <style>
        p{
            height: 300px;
            width: 300px;
            background-color: brown;
            margin: 0;
        }
    </style>
</head>

<body>
    <div class="container">
        <button @click="flag=!flag">点击</button>
        <transition  name="fade" enter-active-class="animated swing" leave-active-class="animated shake">
            <h3 v-show="flag"> Hello World </h3>
        </transition>
    </div>
    <script>
        var vm = new Vue({
            data: {
                flag: false
            },
            
        }).$mount('.container');
    </script>

</body>

</html>